@import "../public/public.css";

/*---------------------------主要部分--------------------------*/
.deantitleh2{
	font-size:28px;
	height:50px;
	line-height:50px;
	padding:50px 0;
	font-weight:normal;
	text-align:center;
}
.deantitleh3{
	height:50px;
	line-height:35px;
	font-size:28px;
	color:#000;
	position:relative;
	font-weight:normal;
	span{
		width:30px;
		height:2px;
		display:block;
		position:absolute;
		bottom:0;
		left:0;
		background:#c5c5c5;
	}
}
.deanWp{
	width:100%;
	/*--优势--*/
	.deanYs{
		width:1180px;
		margin:0 auto;		
		ul li.deanduang{
			transition:all 0.5s;
			position:relative;
			width:240px;
			height:260px;
			padding:20px;
			background:#f2f4f8;
			color:#666;
			float:left;
			margin-right:20px; 			
			&:hover{
				animation:jello 1s;
				i{
					width:100%;
					opacity:1;
				}
			}
			i{
				position:absolute;
				top:0;left:0;
				width:0%;
				height:100%;
				z-index:1;
				opacity:0;
				background-color:rgba(255,255,255,0.5);
				transition:all 0.3s;
			}
			span{
				display:block;
				width:100px;
				height:120px;
				margin:0 auto;
				&.deanspan1{
					background:url(../img/img2/img_join/find5.png) 0 0 no-repeat; 
				}
				&.deanspan2{
					background:url(../img/img2/img_join/find1.png) 0 0 no-repeat; 
				}
				&.deanspan3{
					background:url(../img/img2/img_join/find4.png) 0 0 no-repeat; 
				}
				&.deanspan4{
					background:url(../img/img2/img_join/find6.png) 0 0 no-repeat; 
				}
			}
			.deanyoushi{
				h3{
					font-size:20px;
					margin-bottom:15px;
					font-weight:normal;
					text-align:center;
				}
				p{
					font-size:14px;
					line-height:26px;
				}
			}
		}
	}
	/*--智能硬件圈--*/
	.deanOurProduct{
		.deantitleh2{
			padding-bottom:20px;
		}
		.deantab{
			width:1180px;
			margin:0 auto;
			.deantabname1{
				height:45px;
				line-height:45px;
				width:1180px;
				margin:0 auto;
				margin-bottom:30px;
				ul li{
					float:left;
					border-bottom:2px solid #f1b458;
					font-size:15px;
					color:#666;
					transition:border 0.5s;
					cursor:pointer;
					margin-right:15px;
					&.cur{
						border-bottom:2px solid #2f374c;
					}
				}
			}
		}
		.deanourproductc{
			background:#fcfcfc;
			padding-top:20px;
			width:100%;
			.deantbc1{
				margin-top:10px;
				ul li dl{
					dd{
						float:left;
						width:380px;
						height:220px;
						margin-right:10px;
						margin-bottom:30px;
						position:relative;						
						.deanpdimg{
							width:180px;
							float:left;
							height:220px;							
							position:relative;
							overflow:hidden;
							&:hover{
								img{
									transform: translateY(-5px);
								    transition: all 0.2s ease-out;
								    transition-delay: 0.1s;
								}
								.deancoverp{									
									box-shadow:0px 0px 0px 5px #f1b458 inset;
								}
							}
							img{
								transition:all 0.2s ease-out;
							}
							.deancoverp{
								z-index:10;
								height:100%;
								width:100%;
								display:block;
								position:absolute;
								top:0;
								left:0;	
								box-shadow:0 0 0 0 #f1b458 inset;	
								transition:all 0.2s ease-out;
							}
						}
						.deanpdinfo{
							width:180px;
							float:right;
							h3{
								font-weight:normal;
								font-size:16px;
								padding-bottom:10px;
								margin-top:5px;
								a{
									color:#555;
								}
							}
							p{
								font-size:12px;
								color:#999;
								line-height:22px;
							}
							.deanview{
								display:block;
								width:150px;
								height:30px;
								line-height:30px;
								font-size:12px;
								text-align:center;
								margin-top:10px;
								color:#fff;
								background:#2f374c url(../img/img2/img_join/linkedin.png)10px 5px no-repeat;
								text-indent:17px;
								&:hover{
									background: #f1b458 url(../img/img2/img_join/linkedin.png) 10px 5px no-repeat;
  									border-radius: 2px;
								}
							}
						}
					}
				}
			}
		}
	}
	/*--创客动态和威腾服务--*/
	.deanNew{
		width:1180px;
		margin:0 auto;
		margin-top:50px;
		/*--创客动态*/
		.deannewlist{
			width:360px;
			float:left;
			ul{
				margin-top:20px;
				li{
					border-bottom:1px solid rgba(0,0,0,0.1);
					padding-bottom:15px;
					margin-top:15px;
					.deandate{
						font-size:14px;
						color:#c5c5c5;
						height:30px;
						background:url(../img/img2/img_join/page.gif) 0 5px no-repeat;
						text-indent:20px;
						margin-top:15px;
					}
					.deannewname{
						line-height:30px;
						font-size:14px;
						a{
							color:#777;
						}
					}
				}
			}
		}
		/*--威腾服务--*/
		.deanforumlist{
			width:790px;
			float:right;
			ul.deantbname{
				background:#f1b458;
				height:42px;
				font-size:14px;
				line-height:42px;
				margin-top:30px;
				li{
					color:#fff;
					float:left;
					cursor:pointer;
					padding:0 20px;
					margin-right:1px;
					transition:background 0.5s;
					&.cur{
						background:#2f374c;
					}
				}
			}
			ul.deantbc{
				li{
					dl dd{
						margin:20px 0;
						margin-bottom:30px;
						.deantbnum{
							float:left;
							width:150px;
							position: relative;
    						top: 5px;
							.deantbnum{
								text-indent:30px;
								font-size:14px;
								color:#999;
								height:35px;
								line-height:35px;
							}
							.deantbnum1{
								background:url(../img/img2/img_join/p1.gif) 0 7px no-repeat;
								
							}
							.deantbnum2{
								background:url(../img/img2/img_join/p2.gif) 0 9px no-repeat;
								a{
									color:#999;
								}
							}
							.deantbnum3{
								background:url(../img/img2/img_join/p3.gif) 0 9px no-repeat;
								a{
									color:#f1b458;
								}
							}
						}
						.deantbinfo{
							float:right;
							width:620px;
							.deantbimg{
								float:left;
								width:200px;
								height:133px;
								overflow:hidden;
								position:relative;
								&:hover img{
									transform:translateY(-5px);
								}
								&:hover .deancover{
									box-shadow:0 0 0 5px #f1b458 inset;
								}
								img{
									-webkit-transition:all 0.2s ease-out;
								}
								.deancover{
									height:100%;
									width:100%;
									display:block;
									position:absolute;
									top:0;
									left:0;
									box-shadow:0 0 0 0 #f1b458 inset;
									-webkit-transition:all 0.2s ease-out;
								}
							}
							.deantbinfor{
								width:400px;
								float:right;
								h3{
									font-size:20px;
									font-weight:normal;
									padding-bottom:10px;
									a{
										color:#333;
									}
								}
								.deantbinfos{
									font-size:13px;
									color:#999;
									line-height:1.8em;
								}
								a.deanread1{
									display:block;
									margin-top:10px;
									height:30px;
									width:80px;
									text-align:center;
									line-height:30px;
									font-size:14px;
									color:#fff;
									background:#f1b458;
									transition:all 0.5s;
									position:relative;
									&:hover{
										background:#4e5157;
									}
								}
							}
						}
					}
				}
			}
		}
	}
	/*--领导发言--*/
	.deanTeacher{
		background:#fff;
		width:100%;
		height:500px;
		.deanteacherc{
			width:1180px;
			margin:0 auto;
			margin-bottom:15px;
			position:relative;
			.productflow{
				&>span{
					width:22px;
					height:43px;
					position:absolute;
					display:block;
					top:280px;
					z-index:10;
					cursor:pointer;
					background:url(../img/img2/img_join/toogler.png) 0 0 no-repeat;
					&.prev{
						left:-55px;
					}
					&.next{
						background-position:-26px 0;
						right:-35px;
					}
				}
				.deanscroll{
					position:relative;
					width:1180px;
					overflow:hidden;
					.deanlistimg{
						position:relative;
						width:1180px;
						height:320px;
						overflow:hidden;
						ul{
							width:1300px;
							height:320px;
							li{
								float:left;
								display:inline;
								width:273px;
								height:318px;
								border:1px solid #f2f4f5;
								background:#fff;
								overflow:hidden;
								position:relative;
								text-align:center;
								margin-right:20px;
								transition:all 0.5s;
								.deantechinfo{
									width:275px;
									height:230px;
									background:#fff;
									.deantechavar{
										padding-top:20px;
										padding-bottom:15px;
										transition: all 0.4s ease-in-out;
										img{
											width:128px;
											height:128px;
											border-radius:128px;
										}
									}
									.deantechname{
										display:block;
										color:#333;
										padding:5px 0;
										font-size:18px;
									}
									span{
										display:block;
										text-align:center;
										font-size:14px;
										color:#999;
									}
								}
								.deantechp{
									height:60px;
									color:#888;
									font-size:14px;
									padding:15px;
									background:#f2f4f5;
									line-height:30px;
								}
							}
						}
					}
				}
			}
		}
	}
	/*--公司活动等--*/
	.deanNewListDiv{
		width:1180px;
		margin:30px auto;
		.deannewhd{
			float:left;
			width:370px;
			margin-right:35px;
			.deanh2{
				height:40px;
				line-height:40px;
				span{
					font-size:18px;
					color:#606060;
					float:left;
				}
				a.deanmore{
					font-size:14px;
					color:#585858;
					float:right;
					display:block;
					background:url(../img/img2/img_join/more.png) right 16px no-repeat;
					padding-right:10px;
					&:hover{
						background:url(../img/img2/img_join/morehover.png) right 16px no-repeat;
						color:#f60;
					}
				}
			}
			.deansame{
				margin-top:10px;
				position:relative;
				width:370px;
				height:171px;
				overflow:hidden;
				a{
					img{
						-webkit-transition:all 0.6s;
					}
				}
				&:hover .deanboxsametitle{
					background:#f90;
				}
				&:hover img{
					transform:scale(1.2);
				}
				.deanboxsametitle{
					display:block;
					width:370px;
					height:40px;
					text-align:center;
					line-height:40px;
					font-size:16px;
					color:#fff;
					position:absolute;
					bottom:0;
					left:0;
					background:url(../img/img2/img_join/black.png) 0 0 repeat;
				}
			}
			.deanboxul{
				margin-top:15px;
				li{
					height:30px;
					line-height:30px;
					font-size:14px;
					a{
						color:#606060;
						float:left;
						display:block;
						background:url(../img/img2/img_join/circle.png) 0 15px no-repeat;
						text-indent:12px;
						&:hover{
							color:#f60;
							background:url(../img/img2/img_join/circlehover.png) 0 15px no-repeat;
						}
					}
					span{
						float:right;
						color:#999;
						font-size:12px;
					}
				}
			}
		}
	}
	/*--合作伙伴--*/
	.deanPartner{
		width:1180px;
		margin:50px auto;
		ul{
			margin-top:30px;
			li{
				float:left;
				width:182px;
				height:72px;
				margin-right:14px;
				margin-top:15px;
				transition:all 0.5s;
				position:relative;
				&:hover{
					animation: jello 1s;
				}
			}
		}
	}
}

